<template>
  <div>
    <el-form class="viewForm" label-width="120px">
      <el-col :span="22">
        <el-form-item label="名称">
          <div v-html="viewModel.name"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="第三方标识">
          <div v-html="viewModel.model"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="程序key">
          <div v-html="viewModel.appKey"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="程序密钥">
          <div v-html="viewModel.appSecret"></div>
        </el-form-item>
      </el-col>
      <el-col :span="22">
        <el-form-item label="java实现类">
          <div v-html="viewModel.className"></div>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>

<script>
import common from "@/mixins/common.js";

var config = {};
config.methods = {};
config.mixins = [common];

config.data = function () {
  return {
    viewModel: {},
    activeIndex: "1"
  }
};
config.mounted =async function () {
  let id = this.$route.query.id;
  let self = this;
  let data = {};
  data.id = id;
  let res = await this.$http.form("/userOauthConfig/view",data);
  if (res.code !== 200) {
    this.$message.error(res.msg);
    return
  }
  self.viewModel = res.data;
}

export default config;
</script>

<style scoped>

</style>
